import { Component } from '@vue/runtime-core'
import Layout from '@/components/layout/Layout.vue'
import { CustomRouteRecordRaw } from '@/types/router'

const design: Array<CustomRouteRecordRaw> = [
  {
    path: '/design',
    name: 'design',
    component: Layout,
    redirect: '/design/list',
    meta: {
      icon: 'home',
      title: '我的设计',
      permission: [1, 2, 3, 4, 5, 6]
    },
    children: [
      {
        path: '/design/list',
        name: 'DesignList',
        component: (): Component => import('@/views/design/List.vue'),
        icon: 'home',
        hidden: true,
        meta: {
          title: '设计列表',
          permission: true,
          default: [1, 2, 3, 4, 5, 6]
        }
      },
      {
        path: '/design/list/detail',
        name: 'DesignListDetail',
        component: (): Component => import('@/views/design/Detail.vue'),
        hidden: true,
        meta: {
          title: '设计详情',
          permission: true,
          default: [1, 2, 3, 4, 5, 6]
        }
      },
      {
        path: '/design/album/list',
        name: 'DesignAlbumList',
        component: (): Component => import('@/views/album/List.vue'),
        icon: 'home',
        hidden: true,
        meta: {
          title: '我的素材库',
          permission: true,
          default: [1, 2, 3, 4, 5, 6]
        }
      }
    ]
  }
]

export default design
